<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>TK科技有限公司-首页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/first.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
	</head>
	<body>
		<!--整个页面-->
		<div class="web">
			<!--页面头部-->
			<header>
				<div class="toubudahang">
					<p class="fuwurexian">全国服务热线：400-000-0000</p>
					<p class="sheweishouye"><a href="">设为首页</a></p>
					<p class="jiarushoucang"><a href="">加入收藏</a></p>
				</div>
			</header>
			<!--导航条-->
			<div class="nav">
				<!--logo-->
				<img src="img/logo.png"/>
				<!--TK科技有限公司-->
				<p class="ctk"><a href="">TK科技有限公司</a></p>
				<p class="etk"><a href="">cer dcd keo Holdings Co., Ltd.</a></p>
				<!--导航栏-->
				<a href="first.html" class="shouye">
					<span class="shou">首页</span>
					<span class="home">Home</span>
				</a>
				<a href="second.html" class="guanyuwomen">
					<span class="guanyu">关于我们</span>
					<span class="about">About</span>
				</a>
				<a href="third.html" class="chanpinzhongxin">
					<span class="chanpin">产品中心</span>
					<span class="products">Products</span>
				</a>
				<a href="" class="fuwuzhichi">
					<span class="fuwu">服务支持</span>
					<span class="service">Service</span>
				</a>
				<a href="" class="xinwenzhongxin">
					<span class="xinwen">新闻中心</span>
					<span class="news">News</span>
				</a>
				<a href="" class="zaixianshangdian">
					<span class="shangdian">在线商店</span>
					<span class="shop">Shop</span>
				</a>
				<a href="" class="lianxiwomen">
					<span class="lianxi">联系我们</span>
					<span class="contact">Contact Us</span>
				</a>
			</div>
		<!--中心内容-->
		<div class="content">
			<!-- 轮播图r -->
		  	<div class="swiper-container">
		  	  <div class="swiper-wrapper">
		     	 <div class="swiper-slide"><img src="img/banner.jpg"/></div>
		     	 <div class="swiper-slide"><img src="img/banner.jpg"/></div>
		     	 <div class="swiper-slide"><img src="img/banner.jpg"/></div>
		     	 <div class="swiper-slide"><img src="img/banner.jpg"/></div>
		   	  </div>		    
		    <!-- Add Pagination -->
		    	<div class="swiper-pagination"></div>		    
		  	</div>
		  
			<script src="js/swiper-4.3.3.min.js"></script>
		
		  	<!-- Initialize Swiper -->
			<script>
			    var mySwiper = new Swiper('.swiper-container', {
			    	autoplay:true,
			    	autoplay: {
							    delay: 2000,
							    stopOnLastSlide: false,
							    disableOnInteraction: true,
							    },
							    
			  		pagination: {
			        el: '.swiper-pagination',
			        
			      },
			    });
			    /*鼠标滑过pagination控制swiper切换*/
					for(i=0;i<mySwiper.pagination.bullets.length;i++){
					  mySwiper.pagination.bullets[i].index=i
					  mySwiper.pagination.bullets[i].onmouseover=function(){
					    mySwiper.slideTo(this.index);
					  };
					}  
			</script>
			<!--主体内容-->
			<div class="zhutineirong">
				<div class="newscenter">
					<img src="img/pic1.jpg"/>
					<div class="daosanjiao1"></div>
					<div class="top">
						<p class="ceBIT">CeBIT 2015</p>
						<img src="img/pic4.jpg"/>
						<div class="ICT">
							<p class="ICT1">创新ICT共建全联接世界德国汉诺威展览中心</p>
							<p class="ICT2">3月16日-20日</p>
						</div>
						
					</div>
					<ul class="bottom">
							<li class="li1"><span>上海国际智能建筑展览会</span></li>
							<li class="li2"><span>2014德国柏林国际消费类电子产品展览会</span></li>
							<li class="li3"><span>2014中国（贵阳）公告安全防范产品博览会</span></li>
					</ul>
				</div>
				<div class="newproducts">
					<img src="img/pic2.jpg"/>
					<div class="daosanjiao2"></div>
					<img src="img/pic5.jpg" class="xinpin"/>
					<a href="" class="prev">
						<img src="img/pic6.png"/>
					</a>
					<a href="" class="next">
						<img src="img/pic7.png"/>
					</a>
					<h1>s6213w-y</h1>
					<p>海思3518E方案，多码流技术，百万高清</p>
				</div>
				<div class="information">
					<img src="img/pic3.jpg"/>
					<div class="daosanjiao3"></div>
					<img src="img/pic9.jpg" class="pinpai"/>
					<div class="siepem">
						<p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
					</div>
				</div>
				
				<!--关于我们-->
				<div class="aboutus">
					<h1>关于我们</h1>
					<p>STORE DISPLAY</p>
				</div>
					<div class="guanyuwomenneirong">
						<div class="guanyutext">
							<p class="gyt1">广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
							<p class="gyt2">TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品</p>
							<p class="gyt3">持续为客户创造最大价值</p>
						</div>
						<img src="img/pic11.jpg"/>
					</div>
				<!--联系我们-->
				<div class="callus">
					<h1>联系我们</h1>
					<p>STORE DISPLAY</p>
				</div>	
				<div class="lianxiwomenneirong">
						<div class="left">
							<div class="erweima">
								<img src="img/pic12.jpg"/>
								<p class="p1">微信扫一扫</p>
								<p class="p2">关注我们相关的信息</p>
							</div>
							<div class="dianhua">
								<i class="iconfont icon-dianhua iconColor4"></i>
								<span>服务热线：400-000-0000</span>
							</div>
							<div class="lianxiren">
								<i class="iconfont icon-iconfontnanshangjia iconColor5"></i>
								<span>联  系  人：某先生</span>
							</div>
							<div class="youxiang">
								<i class="iconfont icon-youxiang iconColor6"></i>
								<span>公司邮箱：www.tk.com</span>
							</div>
							<div class="chuanzhen">
								<i class="iconfont icon-chuanzhen iconColor7"></i>
								<span>公司传真：000-12345678</span>
							</div>
							<div class="bianma">
								<i class="iconfont icon-youzhengbianma iconColor8"></i>
								<span>邮政编码：467000</span>
							</div>
							<div class="dizhi">
								<i class="iconfont icon-dizhi iconColor9"></i>
								<span>公司地址：广州市某某区某某路某号</span>
							</div>
							<img src="img/pic13.jpg" class="ditu"/>
						</div>
						<div class="right">
							<div class="nicheng">
								<p>昵称</p>
								<input type="text"/>
							</div>
							<div class="lianxidianhua">
								<p>联系电话</p>
								<input type="text"/>
							</div>
							<div class="dianziyouxiang">
								<p>电子邮箱</p>
								<input type="text"/>
							</div>
							<div class="neirongneirong">
								<p>内容</p>
								<textarea name="contents" rows="5" cols="50"></textarea>
							</div>
							<div class="pick1">
								<a href="">提交</a>
							</div>
						</div>
				</div>
			</div>
		</div>
		<!--页面底部-->
		<footer>
			<!--蓝色部分-->
			<div class="blue">
				<p>关注我们 ：</p>
				<a href=""><i class=" iconfont icon-weibo iconColor1"></i></a>
				<a href=""><i class="iconfont icon-qq iconColor2"></i></a>
				<a href=""><i class="iconfont icon-weixin iconColor3"></i></a>	
				<ul>
					<li class="wangzhanshouye"><a href="">网站首页</a></li>
					<li><a href="">新闻动态</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">团队风采</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">在线留言</a></li>	
				</ul>
			</div>
			<!--黑色部分-->
			<div class="black">
				<p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
			</div>
		</footer>
		</div>
		
	</body>
</html>
